<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../public.css">
		<link rel="stylesheet" href="./系统对接管理.css">
		</head>
	<body>
		<header>
			<nav>
				<div class="logo">
					<span>客户资源信息</span>管理后台
				</div>
				<ul class="management">
					<li><span>&#xe661;</span>权限管理</li>
					<li><span>&#xe659;</span>用户列表</li>
					<li><span>&#xe68d;</span>系统日志</li>
				</ul>
				<ul class="management">
					<li><span class="ponum">&#xe65f;</span>在线人数</li>
					<li class="msgbtn">
						<span class="message">&#xe650;</span>系统消息
						<div class="newmsg" id="newmsg">
							<div><span>最新消息</span><span class="down">&#xe600;</span></div>
							<ul>
								<li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
							</ul>
						</div>
					</li>
					<li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
				</ul>
			</nav>
		</header>
		<div class="bigbox">
			<div class="sidebar">
				<ul>
					<li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
					<li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
					<li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
					<li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
					<li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
					<li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
					<li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
					<li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
				</ul>
			</div>
			<div class="box-right">
				<div class="rig-con">
					<div style="width:100%;">
						<div class="dj-box">
							<div>
								<h3 class="DJ">系统对接管理</h3>
							</div>
							<section class="dj-body-content">
								<div>
									<h4>任务系统对接区</h4>
									<section class="section1">
										<p><label for="#dj-input">用户名:</label><input id="dj-input" type="text"></p>
										<p><label class="for1" for="#dj-input1">密码<span
													style="color: #FFFFFF">码</span>:</label><input id="dj-input1"
												type="password"></p>
										<section class="selected1">
											<section class="dj-deng-lu">登录</section>
										</section>
									</section>
									<section>
										<h4 style="line-height: 80px">任务系统查询区</h4>
										<p style="display: flex;margin: 0px!important;">
											<input type="text" placeholder="请输入关键字">
											<select name="" style="outline-style: none;margin-left: 5px">
												<option value="">全部</option>
												<option value="">任务编号</option>
												<option value="">机构名称</option>
												<option value="">任务类型</option>
												<option value="">任务详情</option>
												<option value="">产品分类</option>
												<option value="">任务状态</option>
												<option value="">任务级别</option>
												<option value="">任务成员</option>
												<option value="">任务部门</option>
												<option value="">联系人</option>
												<option value="">发布人</option>
												<option value="">发布日期</option>
												<option value="">开始日期</option>
												<option value="">结束日期</option>
											</select>
											<input class="dj-deng-lu1" type="submit" value="查询">
										</p>
									</section>
								</div>
								<!-- 实施系统对接区           -->
								<div>
									<h4>实施系统对接区</h4>
									<section class="section1">
										<p><label for="#dj-input">用户名:</label><input id="dj-input" type="text"></p>
										<p><label class="for1" for="#dj-input1">密码<span
													style="color: #FFFFFF">码</span>:</label><input id="dj-input1"
												type="password"></p>
										<section class="selected1">
											<section class="dj-deng-lu">登录</section>
										</section>
									</section>
									<section>
										<h4 style="line-height: 80px">实施系统对接区</h4>
										<p style="display: flex;margin: 0px!important;">
											<input type="text" placeholder="请输入关键字">
											<select name="" style="outline-style: none;margin-left: 5px">
												<option value="全部">全部</option>
												<option value="日志编号">日志编号</option>
												<option value="模块名称">模块名称</option>
												<option value="用户名">用户名</option>
												<option value="部门名称">部门名称</option>
												<option value="操作日期">操作日期</option>
												<option value="IP">IP</option>
												<option value="操作功能">操作功能</option>
												<option value="登录时间">登录时间</option>
												<option value="设备终端名称">设备终端名称</option>
												<option value="操作状态">操作状态</option>
												<option value="退出时间">退出时间</option>
											</select>
											<input class="dj-deng-lu1" type="submit" value="查询">
										</p>
									</section>
								</div>
								<!--       资源OA系统对接区     -->
								<div>
									<h4>资源OA系统对接区</h4>
									<section class="section1">
										<p><label for="#dj-input">用户名:</label><input id="dj-input" type="text"></p>
										<p><label class="for1" for="#dj-input1">密码<span
													style="color: #FFFFFF">码</span>:</label><input id="dj-input1"
												type="password"></p>
										<section class="selected1">
											<section class="dj-deng-lu">登录</section>
										</section>
									</section>
									<section>
										<h4 style="line-height: 80px">资源OA系统对接区</h4>
										<p style="display: flex;margin: 0px!important;">
											<input type="text" placeholder="请输入关键字">
											<select name="" style="outline-style: none;margin-left: 5px">
												<option value="全部">全部</option>
												<option value="日志编号">日志编号</option>
												<option value="模块名称">模块名称</option>
												<option value="用户名">用户名</option>
												<option value="部门名称">部门名称</option>
												<option value="操作日期">操作日期</option>
												<option value="IP">IP</option>
												<option value="操作功能">操作功能</option>
												<option value="登录时间">登录时间</option>
												<option value="设备终端名称">设备终端名称</option>
												<option value="操作状态">操作状态</option>
												<option value="退出时间">退出时间</option>
											</select>
											<input class="dj-deng-lu1" type="submit" value="查询">
										</p>
									</section>
								</div>

								<!--       资源OA系统对接区     -->
								<div>
									<h4>资源OA系统对接区</h4>
									<section class="section1" style="border: 0px">
										<p><label for="#dj-input">用户名:</label><input id="dj-input" type="text"></p>
										<p><label class="for1" for="#dj-input1">密码<span
													style="color: #FFFFFF">码</span>:</label><input id="dj-input1"
												type="password"></p>
										<section class="selected1">
											<section class="dj-deng-lu">登录</section>
										</section>
									</section>
									<p style="text-align: center">注：从此处登录机构后台管理系统，跳转到机构后台系统界面</p>
								</div>
							</section>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.6.0.js"></script>
		<script>
			let msgbtn = document.querySelector('.msgbtn')
			let down = document.querySelector('.down')
			let newmsg = document.querySelector('.newmsg')

			down.onclick = function(e) {
				newmsg.style.display = 'none'
				e.stopPropagation()
			}
			msgbtn.onclick = function() {
				newmsg.style.display = 'block'
			}
		</script>
	</body>
</html>
